<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../script/jquery-1.7.2.js"></script>
<script type="text/javascript">

	//核心函数的4个作用
    $(function () {
alert("页面加载完成之后自动调用");

$("<div>" +//在body下创建div标签
    "    <span>span1</span>" +
    "    <span>span2</span>" +
    "</div>").appendTo("body");

alert($("button").length);//3.通过指定的标签名查询标签对象

        var btn = document.getElementById("btn");//4.dom对象
        // alert("btn");
        alert($("btn"));//加$会把dom对象转换为jquery对象
    });
	//传入参数为[函数]时：在文档加载完成后执行这个函数
	//传入参数为[HTML字符串]时：根据这个字符串创建元素节点对象
	//传入参数为[选择器字符串]时：根据这个字符串查找元素节点对象
	//传入参数为[DOM对象]时：将DOM对象包装为jQuery对象返回

</script>
</head>
<body>
<h1>$是jquery的核心函数</h1>
<p style="font-size: 20px;color: #ffae55">1、传入参数为 [ 函数 ] 时：<br>
    表示页面加载完成之后。相当于 window.onload = function(){} <br>
    2、传入参数为 [ HTML 字符串 ] 时：<br>
    会对我们创建这个 html 标签对象 <br>
    3、传入参数为 [ 选择器字符串 ] 时：<br>
    $(“#id 属性值”); id 选择器，根据 id 查询标签对象 <br>
    $(“标签名”); 标签名选择器，根据指定的标签名查询标签对象  <br>
    $(“.class 属性值”);类型选择器，可以根据 class 属性查询标签对象 <br>
    4、传入参数为 [ DOM 对象 ] 时：<br>
    会把这个 dom 对象转换为 jQuery 对象</p><br>

<button id="btn">1</button>
<button>2</button>
<button>3</button>

</body>
</html>